﻿body {
/*    background: #F5F5F5;*/
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.textgold {
    -webkit-text-stroke: 2px #ffe800;
    font-size: 16px;
    line-height: 30px;
}

#bansdiv {
    margin: 0 auto;
    width: 90%;
    text-align:left;
}
/*楼栋*/
.bandiv {
    margin: 5px;
    padding: 0 !important;
    /*width: 90px;*/
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.61);
}
.button-big {
    font-size: 20px;
    font-weight: bold;
}
/*房间单元格*/

.unit {
    float: left;
    margin-left: 10px;
}

/*房间单元格2*/

.unit2 {
    border: 1px solid #ccc;
    display: inline-block;
    margin-top: 50px;
}

/*列*/

.col {
    float: left;
    margin: 5px 5px 0 0;
/*    margin: 5px 5px 0 10px;*/
}
.col:last-child {
    margin-right:0px;
}

.col .col1 {
    margin-right:5px;
}
.col .col1, .col .col2 {
    float: left;
}

.col .col2 {
    display:none;
}

.idcard {
     margin: 10px 25px 0 25px;
     width:100%;
     padding:0 !important;
     line-height:18px !important;
}

form {
    height: 100%;
    width: 100%;
}

#answerH td
{
    white-space: nowrap;
}

/*房间*/

#allroomdiv div {
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
}

.roomUnitDiv {
    display: block;
    height: auto;
    margin-top:5px;
    text-align: center;    
    font-size: 20px;
    background:#ff0000 !important;
    font-weight: bold;
    color:blue;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.61);
}
.roomDiv {
    position: relative;
    z-index: 10;
    display: block;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
    padding: 0;
    width: 95px;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
    color: black;
    /*border: 1px solid #ccc;*/
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.61);
}

.roomDiv .cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border:1px;
}
/*.roomDiv:hover {*/
/*    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61);*/
/*}*/
.roomDiv:active {
    box-shadow: inset 6px 7px 6px rgba(0, 0, 0, 0.61);
}
.roomDivUnit {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.61);
    display: block;
    padding: 0 5px;
    white-space: nowrap;
    font-size: 20px;
    font-weight: bold;
}

.roomDiv label,.roomDivHeigher label {
    font-size:20px;
    color: black;
    font-weight: normal;
}

.roomDivHeigher {
    float: left;
    width: 90px;
    height: 60px;
    text-align: center;
    /*background: #fad706;
        margin: 10px;*/
    border: 1px solid #ccc;
}

.roomSpan {
    text-align:left;
    display: inline-block; 
    width:80px;
    color: blue;
    float:left;
}
.h60 {
    height: 60px;
}

/*面积样式*/
.floor{
    z-index:1;
    float: right;
    margin: -5px 0 0 0px ;
    padding: 0px;
    width: 45%;
    height: 100%;
}

.floor div {
    z-index:1;
    font-weight:normal;
}
.floor_text {
    height: 50%;
    font-size:16px;-webkit-transform:scale(0.8);
}

.floor_value {
    height: 50%;
    letter-spacing:0px;
    font-size:6px;
    -webkit-transform: scale(0.8);
}

.Show {
    color: black;
}

.message {
    float: right;
}

    .message table, .messagediv table {
        border: solid 1px;
    }

        .message table tr, .messagediv table tr {
            height: 35px;
        }

            .message table tr th, .messagediv table tr th {
                width: 30%;
                font-weight: bold;
            }

            .message table tr td, .messagediv table tr td{
                width: 70%;
                text-align: center;
            }

.MonitorButton {
    width: 100%;
}

.MonitorButton input{
    width: 30%;
    height: 35px;
    font-size: 15px;
    margin: 5px 2px 0 2px;
    padding: 0px 0;
}
/*房间显示*/
.roomDiv-background-0 { background-color: #FFFFCC; }

.roomDiv-background-1 { background-color: #FF0000; color:#FFFFFF }

.roomDiv-background-2 { background-color: #0066FF; }

.roomDiv-background-3 { background-color: #FF0099 !important; opacity: 1; color:#FFFFFF }
.roomDiv-background-3o5 { background-color: #FF0099 !important; opacity: 0.5; color:#FFFFFF }

.roomDiv-background-4 { background-color: #FFFF00 !important; }

.roomDiv-background-5 { background-color: #FF6600 !important;  opacity: 1; color:#FFFFFF }
.roomDiv-background-5o5 { background-color: #FF6600 !important;  opacity: 0.5; color:#FFFFFF }

.roomDiv-background-6 { background-color: #fbb7b7; }

.roomDiv-background-7 { background-color: #9900CC; }

.roomDiv-background-8 { background-color: #0000fe; color: #fff;}

.roomDiv-earBackground-1{ background-color: #FFFF00;}
.roomDiv-earBackground-2{ background-color: #9ACD32;}
.roomDiv-earBackground-3{ background-color: #FF6347;}
.roomDiv-earBackground-4{ background-color: #00FFFF;}
.roomDiv-earBackground-5{ background-color: #6495CD;}
.roomDiv-earBackground-6{ background-color: #8A2BE2;}
.roomDiv-earBackground-7{ background-color: #A52A2A;}
.roomDiv-earBackground-8{ background-color: #DEB887;}
.roomDiv-earBackground-9{ background-color: #5F9EA0;}
.roomDiv-earBackground-10{ background-color: #7FFF00;}
.roomDiv-earBackground-enable{ background-color: #e0e0e0;}

.collection1 {
    background-color: #FF9900;color: #FFFFFF;
}
.collection2 {
    background-color: #FF8800;color: #FFFFFF;
}
.collection3 {
    background-color: #FF7700;color: #FFFFFF;
}
.collection4 {
    background-color: #FF6600;color: #FFFFFF;
}
.collection5 {
    background-color: #FF5500;color: #FFFFFF;
}
.collection6 {
    background-color: #FF4400;color: #FFFFFF;
}
.collection7 {
    background-color: #FF3300;color: #FFFFFF;
}
.collection8 {
    background-color: #FF2200;color: #FFFFFF;
}
.collection9 {
    background-color: #FF1100;color: #FFFFFF;
}
.collection10 {
    background-color: #FF0000;color: #FFFFFF;
}

.roomChecked {
    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61);
}

.roomUnChecked { background: #fad706; }
.roomgold {
    background: #ffe800;
    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61);
}

/*颜色标识*/
 
.colorId-ul > li {
    margin-top: 2px;
    margin-left: 2px;
    float: right;
    height: 20px;
    line-height: 20px;
}
.earcolorId-ul > li {
    float:left;
    margin-top: 2px;
    margin-left: 2px;
    height: 20px;
    line-height: 20px;
    text-align:right;
}

.colorId-ul li > span {
    width: 10px;
    display: block;
    height: 10px;
    margin: 4px;
    border: 1px solid #ccc;
}
.earcolorId-ul li > span {
    width: 10px;
    height: 10px;
    display: inline-flex;
    margin: 4px;
    border: 1px solid #ccc;
}

/*营销步骤功能按钮*/

.lbutton {
    float: left;
    margin-left: 40px;
}

.rowchecked {
    background-color:#FFFFCC;
}
.hr1{ 
     border-bottom: 1px solid #ccc;
     -webkit-box-shadow: 0 0 10px #ccc;
     -moz-box-shadow: 0 0 10px #ccc;
     box-shadow: -3px -2px 10px #ccc;
 }

/*一二三四选*/
.button-caution {
    background-color: #FF4351;
    border-color: #FF4351;
    color: #FFF;
}
.button-primary {
    background-color: #1B9AF7;
    border-color: #1B9AF7;
    color: #FFF;
}
.button-highlight {
    background-color: #FEAE1B;
    border-color: #FEAE1B;
    color: #FFF;
}
.button-action {
    background-color: #A5DE37;
    border-color: #A5DE37;
    color: #FFF;
}

.buttondiv {
    width: 80px;
    height:40px;
    font-size:8px;
    padding:0 10px;
}

#imgdiv /*新增加大图样式*/ {
    z-index: 9002;
    margin: auto auto;
    /*border: 1px solid #0F0F0F;*/
    padding: 5px;
    background: #FFFFFF;
    position: absolute; /*  这个对显示鼠标的位置很重要，如果不是绝对位置的话，将显示的地方不一样*/
    /*vertical-align: middle;*/
}

.roombutton {
    float: left;
    height: 30px;
    margin: 8px 5px;
    padding: 5px;
    text-align: center;
    width: 80px;
}

#question {
    border:1px solid #ccc; 
    margin: 10px auto 40px auto;
    min-width:440px;
}

#hoverroom table td div {
    text-align:right;
}

/*房间信息*/
.dbanname, .dunit, .dunitname, .droomno, .droomcard, .dfloorarea, .dinnerarea, .dassessmentarea, .dhousemodel, .droomtype, .dprice, .dtotle, .ddiscountprice, .ddiscounttotle {
    font-size: 12px;
}

/*房间页面*/

.roomcart {
    width: 100%;
}
.roomcart .cartcard, .roomcart .cartcardsuc {
    width: 220px; 
    margin:5px auto 10px auto; 
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.61);
}
.roomcart .cartcard {
    background-color: #c2c2c2;
}
.roomcart .cartcardsuc {
    background-color: #FF0000 !important;
}
.roomcart .cartcardin {
    background-color: #0000fe !important;
}

.roomcart .cartcardin .layui-btn {
    background-color: #fff !important;
    color: #000;
}

.roomcart .cartcard .cart-title {
/*    background-color: #c2c2c2;*/
    color: #000;
    height:30px;
    -moz-border-radius-topleft: 15px; 
    -moz-border-radius-topright: 15px; 
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    text-align:center;
    font: bold 16px/30px "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.roomcart .cartcardsuc .cart-title, .roomcart .cartcardin .cart-title {
    /*    background-color: #FF0000 !important;*/
    color: #FFF !important;
    height: 30px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    font: bold 16px/30px "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.roomcart .cartcard .cart-content, .roomcart .cartcardsuc .cart-content, .roomcart .cartcardin .cart-content {
/*    background-color: #f2f2f2;*/
    -moz-border-radius-bottomleft: 15px; 
    -moz-border-radius-bottomright: 15px; 
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    font: bold 16px/30px "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.roomcart .cartcardsuc .cart-info, .roomcart .cartcardin .cart-info, .cartcardin .time{
    color:#fff;
}
.cart-info li:nth-child(2n) {
    letter-spacing:0px;
}
.roomcart .cartcard .cart-info ul li, .roomcart .cartcardsuc .cart-info ul li, .roomcart .cartcardin .cart-info ul li {
    float:left;
    text-align:center;
}
.roomcart .cartcard .cart-info ul li:nth-child(odd),
.roomcart .cartcardsuc .cart-info ul li:nth-child(odd),
.roomcart .cartcardin .cart-info ul li:nth-child(odd),
.roomcart .cartcard .cart-info ul li:nth-child(even),
.roomcart .cartcardsuc .cart-info ul li:nth-child(even)
.roomcart .cartcardin .cart-info ul li:nth-child(even) {
    font-size: 12px;
    white-space: nowrap;
    line-height: 22px;
    height: 25px;
}
.roomcart .cartcard .cart-info ul li:nth-child(odd), .roomcart .cartcardsuc .cart-info ul li:nth-child(odd), .roomcart .cartcardin .cart-info ul li:nth-child(odd) {
    width: 35px;
    text-align: right;
}
.roomcart .cartcard .cart-info ul li:nth-child(even), .roomcart .cartcardsuc .cart-info ul li:nth-child(even), .roomcart .cartcardin .cart-info ul li:nth-child(even) {
    width: 65px;
}
.roomcart .cartcard .cart-button, .roomcart .cartcardsuc .cart-button, .roomcart .cartcardin .cart-button {
    padding: 10px 0;
    text-align: center;
}

.hoverroomspan, .hoverroomspantitle {
    font-size: 18px;
    color: #fff !important;
    letter-spacing:2px;
}


.radiusclass {
    border-radius: 5px !important;
}

.radiusclass .layui-layer-content {
    border-radius: 5px !important;
}

/*倒计时样式*/
.topcountdown {
    top: 5px;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #ffe800;
    font-size: 20px;
    line-height:26px;
    font-weight: bold;
}

.mincountdown {
    z-index: 9999;
    font-size: 36px;
    line-height:60px;
    font-weight: bold;
    color: #ffe800;
}

#auctioncd {
    font-size: 40px;
    z-index: 9999;
    color: #fff;
}


/*身份证样式*/

#idcard {
    background: url(../images/stencil/card.jpg) no-repeat;
    height: 197px;
    margin: 0 auto 0 auto;
    min-width: 440px;
}

    #idcard ul {
        float: left;
        width: 67%; 
    }

    #idcard li {
        display: block;
        float: none;
    }

    #idcard input, .info input {
        background: rgba(0, 0, 0, 0);
        border: 0;
        font-size: 14px;
        outline: none;
    }

    #idcard .liName {
        padding: 4px 0 0 90px;
    }

        #idcard .liName input {
            width: 60px;
            margin: 3px 0 3px 10px;
        }

    #idcard .liSex {
        padding: 8px 0 0 90px;
    }

        #idcard .liSex input {
            padding: 15px 0 0 80px;
            vertical-align: middle;
            margin-left: 5px;
        }

    #idcard .liBorn {
        height: 28px;
        padding: 5px 0 0 80px;
    }

    #idcard label {
        margin-left: 15px;
        font-size: 14px;
        line-height: 23px;
    }

    #idcard .liCadd {
        height: 50px;
        padding: 5px 0 0 80px;
    }

    #idcard .liCard {
        padding: 16px 0 0 130px;
    }

        #idcard .liCard input {
            width: 180px;
        }

    #idcard .headimg {
        float: left;
        height: 126px;
        margin-left: 10px;
        margin-top: 20px;
        width: 102px;
    }

/*联系信息*/

.info li {
    float: left;
    margin-right: 10px;
    margin-top:5px;
    line-height:23px !important;
}

.info li label {
    font-size: 14px;
    line-height: 23px;
}

.info .liFirst {
    width: 80px;
    text-align: right;
}

.info .liSecond {
    width: 80px;
    text-align: right;
}

.info .liPhone1 input, .info .liPhone2 input, .info .liRemark input {
    width: 100px;
    border-bottom: 1px solid #282323;
}

.info .liPhone1, .info .liPhone2, .info .liRemark {
    width: 25%;
    min-width: 120px;
}


/*layer弹出*/
.layer-skin-raduis {
    background-color: #fff !important;
    border-radius: 15px !important;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
}

.layer-skin-red {
    background-color: red !important;
    border-radius: 15px !important;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
}

.layer-skin-green {
    background-color: #009688 !important;
    border-radius: 15px !important;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
}

.layer-skin-raduis .layui-layer-content, .layer-skin-red .layui-layer-content, .layer-skin-green .layui-layer-content {
    border-radius: 15px !important;
}

.fa-check-circle, .fa-times-circle-o {
    color: #fff;
    font-size: 45px !important;
    position: absolute;
    top: 11px;
    left: 20px;
}
.monitor0{
	
}
.monitor1{
	 background: #ffe800;
    /*  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61); */
}
.monitor2{
	 background: #c0c0c0;
    /*  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61); */
}
.monitor3{
	 background: #fbb7b7;
     /* box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61); */
}
.dState0{
	 
}
.dState1{
	 background: #479df4;
    /*  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61); */
}
.dState2{
	 background: #ee0000;
     /* box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.61); */
}
